import React from 'react';
import Svg, {G, Path, Defs, ClipPath, Rect} from 'react-native-svg';
import {BasicsProps} from './type';

type Props = {
  size: string;
  fill?: string;
} & BasicsProps;

const ContactIcon = ({size, fill = '#333333'}: Props) => {
  return (
    <Svg
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none">
      <G
        id="&#232;&#129;&#148;&#231;&#179;&#187;&#230;&#136;&#145;&#228;&#187;&#172;"
        clip-path="url(#clip0_36_585)">
        <Path
          id="Vector"
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M9.19687 12.0258H9.22567C11.9328 12.0258 14.1351 9.73181 14.1351 6.91081C14.1351 4.09081 11.9328 1.79681 9.22567 1.79681C6.51943 1.79681 4.31719 4.09081 4.31719 6.90781C4.31143 8.27081 4.81639 9.55281 5.73799 10.5198C6.65863 11.4848 7.88647 12.0208 9.19687 12.0258ZM5.75719 6.91081C5.75719 4.91781 7.31335 3.29681 9.22567 3.29681C11.1389 3.29681 12.6951 4.91781 12.6951 6.91081C12.6951 8.90381 11.1389 10.5258 9.22567 10.5258H9.19975C8.27623 10.5218 7.40935 10.1448 6.76039 9.46181C6.10951 8.77981 5.75335 7.87481 5.75719 6.91081Z"
          fill={fill}
        />
        <Path
          id="Vector_2"
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M1.96875 18.6742C1.96875 22.2032 7.24107 22.2032 9.22539 22.2032C11.0196 22.2032 16.482 22.2032 16.482 18.6542C16.482 15.9672 13.1595 13.6962 9.22539 13.6962C5.29131 13.6962 1.96875 15.9752 1.96875 18.6742ZM3.40875 18.6742C3.40875 17.0322 5.89611 15.1962 9.22539 15.1962C12.5547 15.1962 15.042 17.0212 15.042 18.6542C15.042 20.3472 11.8788 20.7032 9.22539 20.7032C5.36523 20.7032 3.40875 20.0202 3.40875 18.6742Z"
          fill={fill}
        />
        <Path
          id="Vector_3"
          d="M16.179 10.826C15.8603 10.826 15.5694 10.605 15.483 10.269C15.3812 9.86903 15.6088 9.45903 15.9937 9.35103C17.0564 9.05503 17.7985 8.04803 17.7985 6.90003C17.7995 5.70003 16.9825 4.65403 15.8555 4.41303C15.4657 4.33003 15.2142 3.93303 15.2948 3.52803C15.3736 3.12203 15.7537 2.85603 16.1444 2.94403C17.9387 3.32803 19.2395 4.99203 19.2395 6.90003C19.2395 8.72503 18.0568 10.33 16.3643 10.801C16.3028 10.818 16.2395 10.826 16.179 10.826Z"
          fill={fill}
        />
        <Path
          id="Vector_4"
          d="M18.2336 18.0196C18.3113 18.3645 18.607 18.5975 18.9334 18.5975C18.9881 18.5975 19.0438 18.5916 19.0995 18.5776C20.2409 18.2976 21.0713 17.2986 21.0713 16.2016C21.0713 14.4746 19.0409 12.9016 16.8118 12.9016C16.4144 12.9016 16.0918 13.2376 16.0918 13.6516C16.0918 14.0655 16.4144 14.4016 16.8118 14.4016C18.368 14.4016 19.6313 15.4916 19.6313 16.2016C19.6313 16.5486 19.3088 16.9855 18.7692 17.1175C18.3824 17.2116 18.1424 17.6166 18.2336 18.0196Z"
          fill={fill}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_36_585">
          <Rect width={size} height={size} fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};


export default ContactIcon;
